<template>
    <main class="flex flex-col min-h-svh">
      <!-- <AppLoginHeader class="h-[var(--van-nav-bar-height)] text-#1b3e64" /> -->
      <div class="main flex-1 p-16 pb-[var(--van-nav-bar-height)] ">
        <van-icon name="arrow-left" @click="goBack"/>
        <slot />
      </div>
  
      <AppFooter />
    </main>
  </template>
  <script lang="ts" setup>
  // import { useRouter } from 'vue-router'
  const router = useRouter()
  const goBack = () => {
    router.go(-1)
  }
  </script>
  <style lang="css" scoped>
  .main{
    background: url('/img/blue_bg.png') no-repeat;
    background-size: 100% 100%;
  }
  </style>
  